{% extends "./layout.html" %}

{% block css %}
<link rel="stylesheet" href="/css/mobile/blogDetail.css">
<link rel="stylesheet" href="/css/mobile/github-markdown.min.css">
<link rel="stylesheet" href="/css/mobile/github.min.css">
<link rel="stylesheet" href="/css/mobile/katex.min.css">
{% endblock %}

{% block content %}
<div class="header_container">
    {% include "mobile/header.html" %}
</div>
<div class="content">
    <h3 class="blogTitle">{{blog.title}}</h3>
    <p class="create-time">{{blog.createdAt}}</p>
    <div class="text">{{blog.html_text | safe}}</div>

    <div class="data">
        <div class="title">
            <h2>学习手册</h2>
            <a class="more" href="/book">查看更多 ></a>
        </div>

        <div class="list">
            {% for item in recommendBook %}
            <a class="data_list" href="/book/{{item.id}}">
                <img class="datapic" src="{{item.img}}" alt="">
                <div class="introduce">
                    <h3 class="bookname">{{item.title}}</h3>
                    <p class="bookoutline">{{item.updatedAt}}</p>
                </div>
                <span class="jump" href="/book/{{item.id}}"><span class="enter">进入</span></span>
            </a>
            {% endfor %}
<!--        </div>-->
    </div>
    <div class="powerby">
        {% include "./powerby.html" ignore missing %}
    </div>
</div>
{% endblock %}

{% block js %}

{% endblock %}